<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./css/login.css">
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
</head>
<body>
    <div class="mokuai1">
            <div class="fanwei1">
                <div class="header">
                    <div class="header_nav">
                        <div class="sign">
                            <a href="#">登录</a>
                            <span>/</span>
                            <a href="register.html">注册</a>
                            <img src="" alt="">
                        </div>
                        <div><a href="#">门店查询</a></div>
                        <div class="serve">
                            <a href="#">在线客服</a>
                            <img src="https://img1.dickies.com.cn/images/f4/e6/74/ae483ce5a70728fa9be94412dfedf8fb3bdc0282.png" alt="">
                        </div>
                        <div class="shop_car">
                            <span>我的购物车</span>
                            <img src="" alt="">
                            <div class="shop_num">0</div>
                            <div class="car_list">
                                <div class="list0">
                                    <p>购物车中还没有商品，赶紧选购吧！</p>
                                    <button class="shop_btn">立即选购</button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="kong"></div>
                    <div class="header_con">
                        <div class="img_logo">
                            <img src="https://img1.dickies.com.cn/images/65/ed/d6/efda24f92a8d14e4f5abc9b40c0006e50ce5eda5.png" alt="">
                        </div>
                        <ul class="main-nav">
                            <li><a href="#">全部商品</a>
                                <span class="line line1"></span>
                            </li>
                            <li><a href="#">新品</a>
                                <span class="line"></span>
                            </li>
                            <li class="man-col"><a href="#">男装</a>
                                <span class="line"></span>
                                <div class="man-list">
                                    <img src="https://img3.dickies.com.cn/images/d1/53/4d/efc1a6db89eae03be7cb754d2414c8b2c43efb64.jpg_m.jpg" alt="">
                                    <p>男装</p>
                                </div>
                            </li>
                            <li class="woman-col"><a href="#">女装</a>
                                <span class="line"></span>
                                <div class="woman-list">
                                        <img src="https://img2.dickies.com.cn/images/e5/33/68/0e5212af7c02190ea79473eb9e9394d67cca5981.jpg_m.jpg" alt="">
                                        <p>女装</p>
                                    </div>
                            </li>
                            <li><a href="#">鞋类</a>
                                <span class="line"></span>
                            </li>
                            <li class="parts"><a href="#">配件</a>
                                <span class="line"></span>
                                <div class=" parts-list">
                                        <img src="https://img1.dickies.com.cn/images/af/b1/9e/8d4b00c849eb2744338fc9f29a054af4f87f185d.jpg_m.jpg" alt="">
                                        <p>配件</p>
                                    </div>
                            </li>
                            <li><a href="#">品牌动态</a></li>
                        </ul>
                        <div class="search-box">
                            <input type="text" placeholder="搜索Dickies">
                            <i class="fa fa-search" aria-hidden="true"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>



        <div class="main">
            <div class="main-fanwei">
                <div class="login-main">
                    <div class="login">
                    <span class="user-login">用户名登录</span>
                    <span class="phone-login">手机快捷登录</span>
                    </div>
                    <div class="user-mokuai">
                            <input type="text" id="loginname" placeholder="请填写用户名">
                            <input type="password" id="password" placeholder="请填写密码">
                            <div class="forget">忘记密码？</div>
                    </div>
                    <div class="phone-mokuai">
                            <input type="text" id="phone" placeholder="手机号">
                            <input type="text" id="dx-password" placeholder="短信验证码">
                            <button class="get-btn">获取验证码</button>
                    </div>
                    <button class="login-btn">登录</button>
                </div>
            </div>
        </div>




        <div class="mokuai8">
                <div class="fanwei8">
                    <div class="footer-logo"><img src="https://img1.dickies.com.cn/images/65/ed/d6/efda24f92a8d14e4f5abc9b40c0006e50ce5eda5.png" alt=""></div>
                    <ul class="footer-ul">
                        <li class="footer-li1">
                            <span>在线客服<img src="https://img1.dickies.com.cn/images/f6/e2/00/ef6dc65bb67be846e78af360f6b633b678ff6487.png" alt=""></span>
                            <p class="p-talk">在线时间09:00-22:00</p>
                        </li>
                        <li class="footer-li2">
                            <span>官方商城</span>
                            <p>全部商品</p>
                            <p>新品</p>
                            <p>男装</p>
                            <p>女装</p>
                            <p>鞋类</p>
                            <p>配件</p>
                        </li>
                        <li class="footer-li3">
                            <span>关于Dickies</span>
                            <p>品牌故事</p>
                            <p>品牌动态</p>
                        </li>
                        <li class="footer-li4">
                                <span>客户服务</span>
                                <p>订购流程</p>
                                <p>如何注册</p>
                                <p>常见问题</p>
                                <p>联系我们</p>
                            </li>
                            <li class="footer-li5">
                                <span>关注我们</span>
                                <img src="https://img2.dickies.com.cn/images/52/f8/71/8ba5dc6e6c20657bf6d1489f2601fc2278f7ada4.png" alt="">
                                <img src="https://img2.dickies.com.cn/images/01/f7/7d/d51e5535780f1ccaae4860b2887dada71a3ace31.png" alt="">
                            </li>
                    </ul>
                </div>
            </div>
            <div class="mokuai9">
                <div class="fanwei9">
                    <div class="safe1"><a href="#"> 沪ICP备18048101号 ©2019 Williamson-Dickie Mfg. Co., LLC. Quality Workwear Since 1922</a></div>
                    <div class="safe2"><a href="#">隐私政策</a></div>
                    <div class="safe3"><a href="#">安全政策</a></div>
                </div>
            </div>
            <div class="zfl-item">
                <div class="item1">
                        <i class="fa fa-comment"
                        aria-hidden="true"></i>
                        <p>在线客服</p>
                </div>
                <div class="item2">
                        <i class="fa fa-question-circle-o" aria-hidden="true"></i>
                        <p>常见问题</p>
                </div>
                <div class="item3">
                        <i class="fa fa-angle-up" aria-hidden="true"></i>
                </div>
            </div>
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
    <script src="./javascripts/libs/jquery.cookie.js"></script>
    <script src="./javascripts/login.js"></script> 
</body>
</html>